/* 手机端适配 */
@media only screen and (min-width: 769px) {
    html {
        font-size:14px!important
    }
}

@media only screen and (max-width: 769px) {
    html {
        font-size:96.6667px!important
    }
}

@media only screen and (max-width: 700px) {
    html {
        font-size:93.3333px!important
    }
}

@media only screen and (max-width: 675px) {
    html {
        font-size:90px!important
    }
}

@media only screen and (max-width: 650px) {
    html {
        font-size:86.6667px!important
    }
}

@media only screen and (max-width: 625px) {
    html {
        font-size:83.3333px!important
    }
}

@media only screen and (max-width: 600px) {
    html {
        font-size:80px!important
    }
}

@media only screen and (max-width: 575px) {
    html {
        font-size:76.6667px!important
    }
}

@media only screen and (max-width: 550px) {
    html {
        font-size:73.3333px!important
    }
}

@media only screen and (max-width: 525px) {
    html {
        font-size:70px!important
    }
}

@media only screen and (max-width: 500px) {
    html {
        font-size:66.6667px!important
    }
}

@media only screen and (max-width: 475px) {
    html {
        font-size:63.3333px!important
    }
}

@media only screen and (max-width: 450px) {
    html {
        font-size:60px!important
    }
}

@media only screen and (max-width: 425px) {
    html {
        font-size:56.6667px!important
    }
}

@media only screen and (max-width: 400px) {
    html {
        font-size:53.3333px!important
    }
}

@media only screen and (max-width: 375px) {
    html {
        font-size:50px!important
    }
}

@media only screen and (max-width: 350px) {
    html {
        font-size:46.6667px!important
    }
}

@media only screen and (max-width: 325px) {
    html {
        font-size:43.3333px!important
    }
}

@media only screen and (max-width: 300px) {
    html {
        font-size:40px!important
    }
}


.bg-white{background-color: #fff;}
*{padding: 0; margin: 0; box-sizing: border-box; font-family: PingFang SC, Arial, Hiragino Sans GB, Microsoft YaHei, sans-serif;}
.flex-1{flex: 1 1 0%;}
#app{height: 100%; overflow: hidden; font-size: 14px; line-height: 1.6;}
pre{font-family: var(--el-font-family); white-space: pre-wrap;}
.form-tips {
    color: #909090;
}
.mx-auto{margin-left: auto; margin-right: auto;}

  .mx-auto{margin-left: auto; margin-right: auto;}
  /* 1. 设置滚动条整体宽度 */
  ::-webkit-scrollbar {
    width: 3px; /* 纵向滚动条宽度 */
    height: 10px; /* 横向滚动条高度 */
  }
  
  /* 2. 设置滚动条轨道样式 */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道背景颜色 */
    border-radius: 5px; /* 圆角 */
  }
  
  /* 3. 设置滚动条滑块样式 */
  ::-webkit-scrollbar-thumb {
    background: #ddd; /* 滑块颜色 */
    border-radius: 5px; /* 圆角 */
  }
  
  /* 4. 鼠标悬停时的滑块样式 */
  ::-webkit-scrollbar-thumb:hover {
    background: #f5f5f5; /* 悬停时的颜色 */
  }
  

  @media only screen and (max-width: 769px){
    .wap{display: block;}
  }
  
  .cursor-pointer{cursor: pointer}
  .flex{display:flex;}
  .items-center{align-items: center;}
  .justify-center{justify-content: center;}
  .justify-between{justify-content: space-between;}
  .local-icon{display: inline-flex; align-items: center; justify-content: center;}
  .max-w{max-width: 800px; width: 100%;}
  .text-tx-secondary{color: #666;}
  .relative{position: relative;}
  .absolute{position: absolute;}

  .markdown .language-bash{
    color: #ddd;
  }
  .w-100{width: 100%;}
  .max-w-600{max-width: 600px;}
  a{color: #333; text-decoration: none;}

  .language-html{color: #ccc;}